﻿/*#region form-post*/
.form-post {
    
}

.form-header {
    padding-bottom: 5px;
    margin: 15px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
}

.form-row {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.form-label {
    /*width: 100%;*/
    /*display: block;*/
    margin-top: 10px;
    font-weight: bold;
    text-align: right;
}

.form-text {
    margin-top: 10px;
}

.form-textbox {
    width: 250px;
}

.form-column {
    float: left;
    min-height: 1px;
    padding-right: 15px;
}
/*#endregion*/

/*#region column width*/
.medium-1 {
    width: 8.33%;
}

.medium-2 {
    width: 16.66%; 
}

.medium-3 {
    width: 24.99%;
}

.medium-4 {
    width: 33.32%;
}

.medium-5 {
    width: 41.65%;
}

.medium-6 {
    width: 50%;
}

.medium-7 {
    width: 58.33%;
}

.medium-8 {
    width: 66.64%;
}

.medium-9 {
    width: 74.97%;
}

.medium-10 {
    width:83.33%;
}

.medium-11 {
    width: 91.63%;
}

.medium-12 {
    width: 100%;
}
/*#endregion*/

@media (max-width: 992px) {

    /*#region column width*/
    .small-1 {
        width: 8.33%;
    }

    .small-2 {
        width: 16.66%;
    }

    .small-3 {
        width: 24.99%;
    }

    .small-4 {
        width: 33.32%;
    }

    .small-5 {
        width: 41.65%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33%;
    }

    .small-8 {
        width: 66.64%;
    }

    .small-9 {
        width: 74.97%;
    }

    .small-10 {
        width:83.33%;
    }

    .small-11 {
        width: 91.63%;
    }

    .small-12 {
        width: 100%;
    }
    /*#endregion*/
}

@media (max-width: 768px) {
    
    /*#region column width*/
    .form-label {
        text-align: left;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .form-textbox {
        width: 100%;
    }

    .form-post {
        width: 100%;
    }


    .xsmall-1 {
        width: 8.33%;
    }

    .xsmall-2 {
        width: 16.66%;
    }

    .xsmall-3 {
        width: 24.99%;
    }

    .xsmall-4 {
        width: 33.32%;
    }

    .xsmall-5 {
        width: 41.65%;
    }

    .xsmall-6 {
        width: 50%;
    }

    .xsmall-7 {
        width: 58.33%;
    }

    .xsmall-8 {
        width: 66.64%;
    }

    .xsmall-9 {
        width: 74.97%;
    }

    .xsmall-10 {
        width:83.33%;
    }

    .xsmall-11 {
        width: 91.63%;
    }

    .xsmall-12 {
        width: 100%;
    }
    /*#endregion*/
}